<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="<%=basePath%>js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/BaseUtile.js"></script>
<script type="text/javascript" src="<%=basePath%>js/foodManage/unitManage.js"></script>

<link rel="stylesheet" href="<%=basePath%>css/layui/css/layui.css">

</head>
<body style="padding: 2%">
	<div>
		<div>
			<b style="font-size: 25px">计量单位</b>
		</div>
		<div class="layui-inline">
			<button class="layui-btn layui-btn-danger" id="inputUnitButton">新增单位</button>
		</div>
		<div id="dataDiv">
			<table class="layui-table">
				<thead>
					<tr>
						<th>序号</th>
						<th>计量单位名称</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
				<tr v-for="(item ,index) in items">
					<td>{{index+1}}</td>
					<td>{{item.unitName}}</td>
					<td><button class="layui-btn" v-on:click="editItem(item)">编辑</button>
						<button class="layui-btn" v-on:click="deleteItem(item)">删除</button></td>
				</tr>
				</tbody>
			</table>
		</div>
	</div>
	
	
		<script type="text/javascript" src="<%=basePath%>css/layui/layui.js"></script>
	<script>
		layui.use('form', function() {

		});
	</script>
</body>
</html>